/*header 开始*/
.header{
    position: fixed;
    z-index: 10;
    width:7.5rem;
    height:.8rem;
    line-height: .8rem;
    background:#2ecc71;
    color:#fff;
    text-align: center;
}
.header .iconfont{
    position: absolute;
    left:0;
    bottom:0;
    z-index: 4;
    width:.8rem;
    height:.8rem;
    text-align: center;
    font-size:.4rem;
    color:#fff;
    text-decoration:none;
}

/*code 开始*/
.code{
    width:7.5rem;
}
.code h3{
    padding:2.2rem 0 1rem;
    text-align:center;
    font-size:.28rem;
    color:#999;
}
.code .codeBox{
    width:5.12rem;
    height:3.92rem;
    border:.02rem solid #ccc;
    margin:.06rem auto;
    position:relative;
}
.code .codeBox span{
    position:absolute;
    display:block;
    width:.44rem;
    height:.44rem;
    border:.06rem solid #797979;
    z-index:10;
}
.code .codeBox .top{
    left:-.06rem;
    top:-.06rem;
    border-right:none;
    border-bottom:none;
}
.code .codeBox .right{
    right:-.06rem;
    top:-.06rem;
    border-left:none;
    border-bottom:none;
}
.code .codeBox .bottom{
    right:-.06rem;
    bottom:-.06rem;
    border-left:none;
    border-top:none;
}
.code .codeBox .left{
    left:-.06rem;
    bottom:-.06rem;
    border-right:none;
    border-top:none;
}
.code .codeBox .line{
    width:100%;
    height:.02rem;
    background:red;
    border:none;
    top:50%;
    left:0;
}
.code .codeBox input{
    width:5.12rem;
    height:3.92rem;
    opacity:0;
}